<link rel="stylesheet" href="__PUBLIC__/asset/css/iconfont.css">
<link href="__PUBLIC__/asset/css/header/1024.css" rel="stylesheet" type="text/css" media="screen and (max-width: 1440px)" />
<link href="__PUBLIC__/asset/css/header/1400.css" rel="stylesheet" type="text/css"
	  media="screen and (min-width: 800px) and (max-width: 1440px)" />
<link rel="stylesheet" href="__PUBLIC__/asset/css/common.css">
<!-- 1400尺寸下设备，统一css -->
<div class="header-box" style="height: 7rem;opacity: 0;">
	<div class="logo">
		<a href="/">
			<img src="__PUBLIC__/asset/image/common/logo.png" />
		</a>
	</div>
	<!--PC端-->
	<div class="menu">
		<div class="menu-item" data-key="1">
			<a><span>{:L('header_menu_1')}</span><i class=" iconfont icon-xiangshangjiantou"></i></a>
		</div>
		<div class="menu-item" data-key="2">
			<a><span>{:L('header_menu_2')}</span><i class=" iconfont icon-xiangshangjiantou"></i></a>
		</div>
		<div class="menu-item" data-key="6">
			<a href="../partners.html"><span>{:L('header_menu_3')}</span></a>
		</div>
		<div class="menu-item" data-key="4">
			<a href="../help.html"><span>{:L('header_menu_4')}</span></a>
		</div>
		<div class="menu-item" data-key="5">
			<a href="../news.html"><span>{:L('header_menu_5')}</span></a>
		</div>
		<div class="menu-item" data-key="3">
			<a><span>{:L('header_menu_6')}</span><i class=" iconfont icon-xiangshangjiantou"></i></a>
		</div>
	</div>
	<!--移动端-->
	<div class="menu-more">
		<img src="__PUBLIC__/asset/image/common/menu.png" />
	</div>
	<div class="mask"></div>
	<!-- 移动端菜单 -->
	<div class="mask-h5-menu-box">
		<div class="mask-h5-menu">
			<div class="mask-header">
				<div class="mask-left">
					<i class=" iconfont icon-xiangshangjiantou"></i>
				</div>
				<div class="mask-middle">
					<a href="...html">
						<img src="__PUBLIC__/asset/image/common/logo.png" />
					</a>
				</div>
				<div class="mask-right">
					<i class=" iconfont icon-close"></i>
				</div>
			</div>
			<div class="mask-list">
				<div class="mask-list-frist menu-into">
					<div class="mask-frist-item" data-key="1">
						<a>
							<span>{:L('header_menu_1')}</span>
							<i class=" iconfont icon-xiangshangjiantou"></i>
						</a>
					</div>
					<div class="mask-frist-item" data-key="2">
						<a><span>{:L('header_menu_2')}</span><i class=" iconfont icon-xiangshangjiantou"></i></a>
					</div>
					<div class="mask-frist-item" data-key="6">
						<a href="../partners.html"><span>{:L('header_menu_3')}</span></a>
					</div>
					<div class="mask-frist-item" data-key="4">
						<a href="../help.html"><span>{:L('header_menu_3')}</span></a>
					</div>
					<div class="mask-frist-item" data-key="5">
						<a href="../news.html"><span>{:L('header_menu_4')}</span></a>
					</div>
					<div class="mask-frist-item" data-key="3">
						<a><span>{:L('header_menu_6')}</span><i class=" iconfont icon-xiangshangjiantou"></i></a>
					</div>
				</div>
				<div class="mask-list-sec">
					<div class="mask-sec-title">
						Cloud Solutions
					</div>
					<div class="mask-sec-title2">
						{:L('header_menu_1')}
					</div>
					<ul class="mask-sec-serve">
						<li> <a href="../cloud-aws.html">{:L('header_menu_1_1')}</a></li>
						<li> <a href="../cloud-googlecloud.html">{:L('header_menu_1_2')}</a></li>
						<li> <a href="../cloud-azure.html">{:L('header_menu_1_3')}</a></li>
						<li> <a href="../cloud-alibabacloud.html">{:L('header_menu_1_4')}</a></li>
						<li> <a href="../cloud-tencentcloud.html">{:L('header_menu_1_5')}</a></li>
						<li> <a href="../cloud-huaweicloud.html">{:L('header_menu_1_6')}</a></li>
						<li> <a href="../cloud-cloudflare.html">{:L('header_menu_1_7')}</a></li>
					</ul>
				</div>
				<div class="mask-list-sec">
					<div class="mask-sec-title">
						Cloud Solutions
					</div>
					<div class="mask-sec-title2">
						{:L('header_menu_2')}
					</div>
					<ul class="mask-sec-serve">
						<li> <a href="../cdn-aws.html">{:L('header_menu_2_1')}</a></li>
						<li> <a href="../cdn-googlecloud.html">{:L('header_menu_2_2')}</a></li>
						<li> <a href="../cdn-azure.html">{:L('header_menu_2_3')}</a></li>
						<li> <a href="../cdn-alibabacloud.html">{:L('header_menu_2_4')}</a></li>
						<li> <a href="../cdn-tencentcloud.html">{:L('header_menu_2_5')}</a></li>
						<li> <a href="../cdn-huaweicloud.html">{:L('header_menu_2_6')}</a></li>
						<li> <a href="../cdn-cloudflare.html">{:L('header_menu_2_7')}</a></li>
					</ul>
				</div>
				<div class="mask-list-sec">
					<div class="mask-sec-title">
						Contact  us
					</div>
					<div class="mask-sec-title2">
						{:L('header_menu_6')}
					</div>
					<ul class="mask-sec-serve">
						<li> <a href="../about.html">{:L('header_menu_6_1')}</a></li>
						<li> <a href="../contact.html">{:L('header_menu_6_2')}</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="slidein">
		<div class="slidein-box">
			<div class="slidein-item">
				<span class="bold">云平台</span>
				<div class="slidein-menu">
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
				</div>
			</div>
			<div class="slidein-item">
				<span class="bold">云平台</span>
				<div class="slidein-menu">
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
				</div>
			</div>
			<div class="slidein-item">
				<span class="bold">云平台</span>
				<div class="slidein-menu">
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
				</div>
			</div>
			<div class="slidein-item">
				<span class="bold">云平台</span>
				<div class="slidein-menu">
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
					<div><a href=""><span>阿里云</span></a></div>
				</div>
			</div>
		</div>
	</div>
	<!-- pc端菜单 -->
	<div class="menu-pop" id="menu-pop">
		<div class="memu-pop-content">
			<img src="__PUBLIC__/asset/image/home/company-bg1.png" alt="" class="menu-pop-bg">
			<div class="pop-content-title">
				Cloud Solutions
			</div>
			<div class="pop-content-title2">
				{:L('header_menu_1')}
			</div>
			<ul class="pop-content-serve">
				<li> <a href="../cloud-aws.html"><span>{:L('header_menu_1_1')}</span></a></li>
				<li> <a href="../cloud-googlecloud.html"><span>{:L('header_menu_1_2')}</span></a></li>
				<li> <a href="../cloud-azure.html"><span>{:L('header_menu_1_3')}</span></a></li>
				<li> <a href="../cloud-alibabacloud.html"><span>{:L('header_menu_1_4')}</span></a></li>
				<li> <a href="../cloud-tencentcloud.html"><span>{:L('header_menu_1_5')}</span></a></li>
				<li> <a href="../cloud-huaweicloud.html"><span>{:L('header_menu_1_6')}</span></a></li>
				<li> <a href="../cloud-cloudflare.html"><span>{:L('header_menu_1_7')}</span></a></li>
		</div>
		<div class="memu-pop-content">
			<img src="__PUBLIC__/asset/image/home/company-bg1.png" alt="" class="menu-pop-bg">
			<div class="pop-content-title">
				Cloud Solutions
			</div>
			<div class="pop-content-title2">
				{:L('header_menu_2')}
			</div>
			<ul class="pop-content-serve">
				<li> <a href="../cdn-aws.html"><span>{:L('header_menu_2_1')}</span></a></li>
				<li> <a href="../cdn-googlecloud.html"> <span>{:L('header_menu_2_2')}</span></a></li>
				<li> <a href="../cdn-azure.html"> <span>{:L('header_menu_2_3')}</span></a></li>
				<li> <a href="../cdn-alibabacloud.html"> <span>{:L('header_menu_2_4')}</span></a></li>
				<li> <a href="../cdn-tencentcloud.html"> <span>{:L('header_menu_2_5')}</span></a></li>
				<li> <a href="../cdn-huaweicloud.html"> <span>{:L('header_menu_2_6')}</span></a></li>
				<li> <a href="../cdn-cloudflare.html"> <span>{:L('header_menu_2_7')}</span></a></li>
		</div>
		<div class="memu-pop-content">
			<img src="__PUBLIC__/asset/image/home/company-bg1.png" alt="" class="menu-pop-bg">
			<div class="pop-content-title">
				Cloud Solutions
			</div>
			<div class="pop-content-title2">
				{:L('header_menu_6')}
			</div>
			<ul class="pop-content-serve">
				<li> <a href="../about.html"><span>{:L('header_menu_6_1')}</span></a></li>
				<li> <a href="../contact.html"> <span>{:L('header_menu_6_2')}</span></a></li>
		</div>
	</div>

	<!-- 右侧功能区域 -->
	<div class="header-btn">
		<div class="btn-transilate">
			<img src="__PUBLIC__/asset/image/common/map.png" alt="">
			<ul class="transilate-list">
				<li><a href="/?l=zh-cn">简体中文</a></li>
				<li><a href="/?l=zh-tw">繁体中文</a></li>
				<li><a href="/?l=en-us">English</a></li>
			</ul>
		</div>
		<div class="btn-search">
			<img src="__PUBLIC__/asset/image/common/search.png" alt="">
		</div>
	</div>
	<div class="search-box">
		<div class="search-content">
			<div class="search-input">
				<input type="text" placeholder="请输入关键词" maxlength="30">
				<a><img src="__PUBLIC__/asset/image/common/search.png" alt=""></a>
			</div>
			<div class="search-close">
				<i class="iconfont icon-close"></i>
			</div>
		</div>
	</div>
</div>
<script src="__PUBLIC__/asset/lib/bootstrap/bootstrap.js"></script>
<script src="__PUBLIC__/asset/js/header.js"></script>